<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>亿人宝 - 系统信息</title>
    <meta content="" name="keywords"/>
    <meta content="" name="description"/>
    <link rel="stylesheet" th:href="@{/css/common.css}"/>
    <link rel="stylesheet" th:href="@{/css/user.css}" type="text/css"/>
    <link rel="stylesheet" th:href="@{/css/jquery.datetimepicker.css}" type="text/css"/>
    <script th:src="@{/script/jquery.min.js}" type="text/javascript"></script>
    <script th:src="@{/script/common.js}" type="text/javascript"></script>
    <script th:src="@{/script/user.js}" type="text/javascript"></script>
    <script th:src="@{/layui/layer/layer.js}" type="text/javascript"></script>
    <link rel="stylesheet" th:href="@{/css/fenye.css}"/>
    <style type="text/css">
        .pxtxx-tab .on a {
            color: #fff;
        }
    </style>
</head>
<body>
<div th:replace="common/public::head"></div>
<!--个人中心-->
<div class="wrapper wbgcolor">
    <div class="w1200 personal">
        <!--<div class="credit-ad"><img height="96" th:src="@{/images/clist1.jpg}" width="1200"></div>-->
        <div class="personal-left" id="personal-left">
            <ul>
                <li><span><a th:href="@{/per/index(option = 1)}"><i class="dot dot1"></i>账户总览</a></span></li>
                <li><span><a style="font-size:14px;text-align:center;width:115px;padding-right:35px;" th:href="@{/cap/cap_List}">资金记录</a></span></li>
                <li><span><a style="font-size:14px;text-align:center;width:115px;padding-right:35px;" th:href="@{/per/investlist(option = 1)}">投资记录</a></span>
                </li>
                <li><span><a style="font-size:14px;text-align:center;width:115px;padding-right:35px;" th:href="@{/per/prolist}">回款计划</a></span></li>
                <li><span><a th:href="@{/per/thirdparty}"><i class="dot dot02"></i>开通第三方</a> </span></li>
                <li><span><a th:href="@{/per/torecharge}"><i class="dot dot03"></i>充值</a></span></li>
                <li><span><a th:href="@{/per/towithdrawal}"><i class="dot dot04"></i>提现</a></span></li>
                <li style="position:relative;"><span> <a th:href="@{/per/toredenvelopes(state = 1)}"> <i class="dot dot06"></i> 我的红包 </a> </span></li>
                <li class="pleft-cur" style="position:relative;"><span> <a th:href="@{/per/tomessages}"><i class="dot dot08"></i>系统信息 </a> </span></li>
                <li><span><a th:href="@{/setUser/toView}"><i class="dot dot09"></i>账户设置</a></span></li>
            </ul>
        </div>
        <label id="typeValue" style="display:none;"> </label>
        <div class="personal-main">
            <div class="personal-xtxx">
                <h3><i>系统消息</i></h3>
                <form action="" id="form" method="post" name="form">
                    <input name="form" type="hidden" value="form">
                    <span id="form:dataTable">
                        <div class="pxtxx-tab" id="pxtxx-tab">
                            <ul>
                                <li th:class="${rea == '' || rea == null} ? on">
                                    <a style="padding:5px 22px;display:block;" th:href="@{/per/tomessages}" title="全部">全部</a>
                                </li>
                                <li th:class="${rea == 0} ? on">
                                    <a style="padding:5px 22px;display:block;" th:href="@{/per/tomessages(readed = 0)}" title="未读">未读</a>
                                </li>
                                <li th:class="${rea == 1} ? on">
                                    <a style="padding:5px 22px;display:block;" th:href="@{/per/tomessages(readed = 1)}" title="已读">已读</a>
                                </li>
                            </ul>
                            <span class="xxsz" style="display:none;">消息设置</span>
                        </div>
                        <div class="pxtxx-title" th:if="${rea == '' || rea == null}">
                            <span class="pxtxx-type ml46">标题</span>
                            <span class="pxtxx-con" style="width: 360px;">内容</span>
                            <span class="pxxtx-date" style="width: 260px;">发送时间</span>
                            <span class="pxxtx-dates">状态</span>
                        </div>
                        <div class="pxtxx-title" th:if="${rea == 0 || rea == 1}">
                            <span class="pxtxx-type ml46">标题</span>
                            <span class="pxtxx-con">内容</span>
                            <span class="pxxtx-date" style="width: 130px;">发送时间</span>
                        </div>
                        <div class="pxtxx-list" id="pxtxx-list">
                            <ul th:if="${rea == '' || rea == null}">
                                <a th:each="in:${inform.data}" th:href="@{/per/todetails(id = ${in.informId},currPage = ${inform.currPage}, readed = ${rea})}"
                                   th:if="${size != 0}">
                                    <li style="width: 880px;">
                                        <span class="pxtxx-type ml46" th:text="${in.informTitle}">到期返利</span>
                                        <span class="pxtxx-con" style="width: 360px;"
                                              th:text="${in.informContent}">您购买的贷款项目已到期，返回本金1000.00元，利息10.00元。请注意查收！</span>
                                        <span class="pxxtx-date" style="width: 260px;" th:text="${datetimeMap.get(in.informId)}">2020-6-28</span>
                                        <span class="pxxtx-dates" style="width: 130px;" th:if="${in.readed == true}">已读</span>
                                        <span class="pxxtx-dates" style="width: 130px;color: #0caffe;" th:if="${in.readed == false}">未读</span>
                                    </li>
                                </a>
                            </ul>
                            <ul th:if="${rea == 0 || rea == 1}">
                                <a th:each="in:${inform.data}" th:href="@{/per/todetails(id = ${in.informId},currPage = ${inform.currPage}, readed = ${rea})}"
                                   th:if="${size != 0}">
                                    <li style="width: 880px;">
                                        <span class="pxtxx-type ml46" th:text="${in.informTitle}">到期返利</span>
                                        <span class="pxtxx-con" th:text="${in.informContent}">您购买的贷款项目已到期，返回本金1000.00元，利息10.00元。请注意查收！</span>
                                        <span class="pxxtx-date" style="width: 130px;" th:text="${datetimeMap.get(in.informId)}">2020-6-28</span>
                                    </li>
                                </a>
                            </ul>
                            <!--分页显示：-->
                            <div class="pagination" style="margin-top: 15px;width: 760px;" th:if="${size != 0}">
                                <a th:class="${inform.currPage == 1} ? 'disabled' : ''" th:href="@{/per/tomessages(currPage = 1, readed = ${rea})}" title="首页">首页</a>
                                <a th:class="${inform.currPage == 1} ? 'disabled' : ''"
                                   th:href="@{/per/tomessages(currPage = ${inform.currPage - 1}, readed = ${rea})}" title="上一页">上一页</a>

                                <a th:if="${inform.totalPage > 4 && inform.currPage > 4}" th:text="...">...</a>
                                <a th:class="${pagenum == inform.currPage} ? 'current' : ''"
                                   th:each="pagenum:${#numbers.sequence((inform.currPage > 4 ? (inform.currPage - 3) : 1), ((inform.currPage + 3) < inform.totalPage ? (inform.currPage + 3): inform.totalPage))}"
                                   th:href="@{/per/tomessages(currPage = ${pagenum}, readed = ${rea})}" th:text="${pagenum}">1</a>
                                <a th:if="${inform.totalPage > 4 && (inform.currPage + 3) < inform.totalPage}" th:text="...">...</a>

                                <a th:class="${inform.currPage == inform.totalPage} ? 'disabled' : ''"
                                   th:href="@{/per/tomessages(currPage = ${inform.currPage + 1}, readed = ${rea})}" title="下一页">下一页</a>
                                <a th:class="${inform.currPage == inform.totalPage} ? 'disabled' : ''"
                                   th:href="@{/per/tomessages(currPage = ${inform.totalPage}, readed = ${rea})}" title="尾页">尾页</a>
                            </div>
                            <div style=" width:760px;height:200px;padding-top:160px; text-align:center;color:#d4d4d4; font-size:16px;" th:if="${size == 0}">
                                <img height="60" th:src="@{/images/nondata.png}" width="60">
                                <br><br>
                                暂无消息通知
                            </div>
                        </div>
                    </span>
                </form>
            </div>
        </div>
    </div>
</div>
<!--网站底部-->
<div class="ft" id="footer">
    <div th:replace="common/public::footer"></div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
